<%-- 
    Document   : RRHH_PLANILLA_SUBSIDIOS
    Created on : 06-feb-2015, 14:18:03
    Author     : equipo_4
--%>

<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page import="RRHH_Modelo.RHH_PAGO_SUBSIDIOS"%>
<%@page import="RRHH_Modelo.RHH_PERSONA"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_Modelo.RHH_SUBSIDIOS"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));                     
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
        %>
        <div id="tituloFormulario">PLANILLA DE SUBSIDIOS</div>
        <table>
            <thead>
                <th>CI</th>
                <th>NOMBRE</th>
                <th>APELLIDO</th>
                <th>BENEFICIARIO</th>
                <th>PLAN DE PAGO SUBSIDIO</th>
                <th>TIPO</th>
                <th>FECHA INICIO</th>
            </thead>
            <tbody id="body">
            
            </tbody>
        </table>
        <div id="popUpbackGround" onclick='salir();'></div>
        <div class="popup" id="popup2">
            <table>
                <thead>
                    <th>ESTADO</th>
                    <th>CUOTA</th>
                    <th>MONTO</th>
                    <th>FECHA</th>
                    <th>FECHA DE PAGO</th>
                    <th></th>
                    <th></th>
                </thead>
                <tbody id="body1">
                    
                </tbody>
            </table>       
            <button type='button' onclick='nuevopago();'>CREAR PAGO</button>
        </div>
        <div class="popup" id="popup1">
            EMPLEADO:<select name="users">
            <%
                List<RHH_USUARIO> list_usu = new RHH_USUARIO(con).Todos();
                for(RHH_USUARIO usu :list_usu)
                {
                    RHH_PERSONA per = new RHH_PERSONA(con).BuscarxID(usu.getID_PERSONA());
                    out.print("<option value='"+usu.getID()+"'>"+per.getPRIMER_NOMBRE()+" - "+per.getPRIMER_APELLIDO()+"</option>");                    
                }
                Calendar cal = new GregorianCalendar();
                SimpleDateFormat format = new SimpleDateFormat("dd/MM/yyyy");
            %>
            </select><br>
            BENEFICIARIO:<input type="text" value="" name="bebefic"/><br>
            <select name="natalidad">
                <option value="0">PRE-NATAL</option>
                <option value="1">NATALIDAD</option>
                <option value="2">POST-NATAL</option>
            </select><br>
            <input type="text" value="<%out.print(format.format(cal.getTime()));%>" name="date"/><br>            
            <button type="button" onclick="insertar();">INSERTAR</button>
        </div>
        <div class="popup" id="popup3">
            Monto:<input type="number" value="0.0" name="monto3"/>
            Fecha de Pago:<input type="text" value="01/01/2014" name="fecha3"/>
            <button type="button" onclick='crear3();'>CREAR</button>
        </div>
        <footer>
            <a href="#" onclick="nuevo();"><img src="../img/iconos/Generar.png" alt="NUEVO"/>NUEVO</a>
        </footer>
        <script type="text/javascript">
            var url="../RRHH_SUBSIDIOS_CONTROLLER";
            
            $("input[name=date], input[name=date3], input[name=fecha3]").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function() {   
                    
                }
            });
            
            $(document).ready(function (){                
                inicio();
            });
            
            function inicio()
            {
                $.post(url,{evento:"inicio"},function(resp){
                    $("#body").html(resp);
                });
            }
            
            function pagar(idpago,button)
            {
                $.post(url,{evento:"pagar",idpago:idpago},function(resp){                    
                    $(button).parent().parent().find("td:eq(0)").html("<span>PAGADO POR RECURSOS HUMANOS</span>");
                    $(button).parent().parent().find("td:eq(4)").html("<span>"+resp+"</span>");                    
                    $(button).parent().html("");
                });
            }
            function eliminar(idpago,button)
            {
                $.post(url,{evento:"eliminar",idpago:idpago},function(resp){
                    $(button).parent().parent().remove();
                });
            }
            function anular(idpago,button)
            {
                $.post(url,{evento:"anular",idpago:idpago},function(resp){
                    $(button).parent().parent().find("td:eq(0)").html("<span style='color:#ff0000;'>ANULADO</span>");
                    $(button).parent().parent().find("td:eq(4)").html("<span></span>");
                    $(button).parent().html("");
                });
            }
            
            function crear3()
            {
                var monto = $("input[name=monto3]").val();
                var fecha3 = $("input[name=fecha3]").val();
                $.post(url,{evento:"crear3",idsub:idsub,monto:monto,fecha3:fecha3},function(resp){
                    $("input[name=monto3]").val("0.0");
                    $("#popup3").css("display","none");
                    $("#body1").append(resp);
                    inicio();
                });
            }
            var udsub=0;
            function nuevopago()
            {                           
                $("#popup3").css("display","block");
            }
            
            function cuotas(idsub)
            {
                this.idsub=idsub;
                $.post(url,{evento:"cuotas",idsub:idsub},function(response){
                    $("#body1").html(response);
                    $("#popup2").css("display","block");
                    $("#popUpbackGround").css("display","block");                    
                });
            }
            
            function salir()
            {
                $("#popup1").css("display","none");
                $("#popUpbackGround").css("display","none");
                $("input[name=bebefic]").val("");
                $("input[name=bebefic]").val("");
                $("#popup2").css("display","none");
                $("#popup3").css("display","none");
                inicio();
                
            }
            function nuevo()
            {
                $("#popup1").css("display","block");
                $("#popUpbackGround").css("display","block");
                
            }
            function insertar()
            {
                var usuario = $("select[name=users] option:selected").val();
                var natalidad = $("select[name=natalidad] option:selected").val();
                var bebefic = $("input[name=bebefic]").val();                
                var date = $("input[name=date]").val();                
                $.post(url,{evento:"insertar",usuario:usuario,natalidad:natalidad,bebefic:bebefic,date:date},function(resp){
                    $("#body").append(resp);
                    salir();
                });
            }
        </script>
    </body>
</html>
